﻿<!DOCTYPE html>
<html class="no-js" lang="zxx">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Gixco - HTML5 eCommerce Template</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <!-- FontAwesome -->
      <link rel="stylesheet" href="assets/css/all.css">
      <!-- Bootstrap v4.3.1 -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet">
      <!-- Global CSS -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- Jquery ui -->
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <!-- Responsive Menu CSS -->
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="assets/css/styles.css">
   </head>
   <body>
      <div class="container">
         <header class="header">
            <div class="topcontain">
               <div class="row">
                  <div class="col-xl-2 col-lg-3 col-md-3 col-sm-12">
                     <div class="logo">
                        <a href="index.html"><img src="logo.png" alt="Logo" /></a>
                     </div>
                  </div>
                  <div class="col-xl-7 col-lg-3 col-md-2 col-sm-12">
                     <div class="menubar text-center">
                        <nav id="mobile-menu">
                           <ul>
                              <li>
                                 <a href="index.html">Home</a>
                                 <ul class="submenu">
                                    <li><a href="index.html">Home Style 1</a></li>
                                    <li><a href="index2.html">Home Style 2</a></li>
                                    <li><a href="index3.html">Home Style 3</a></li>
                                    <li><a href="index4.html">Home Style 4</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="shop.html">Products</a>
                                 <ul class="mega-menu">
                                    <li>
                                       <a href="shop.html">Furniture Category</a>
                                       <ul>
                                          <li><a href="shop.html">Small Storage</a></li>
                                          <li><a href="shop.html">Chaise beds</a></li>
                                          <li><a href="shop.html">Stools &amp; Benches</a></li>
                                          <li><a href="shop.html">Lounge Chairs</a></li>
                                          <li><a href="shop.html">Sofa armchairs</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Furniture Category</a>
                                       <ul>
                                          <li><a href="shop.html">Lounge Chairs</a></li>
                                          <li><a href="shop.html">Small Storage</a></li>
                                          <li><a href="shop.html">Chaise beds</a></li>
                                          <li><a href="shop.html">Stools &amp; Benches</a></li>
                                          <li><a href="shop.html">Small Storage</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Furniture Category</a>
                                       <ul>
                                          <li><a href="shop.html">Small Storage</a></li>
                                          <li><a href="shop.html">Chaise beds</a></li>
                                          <li><a href="shop.html">Stools &amp; Benches</a></li>
                                          <li><a href="shop.html">Lounge Chairs</a></li>
                                          <li><a href="shop.html">Sofa armchairs</a></li>
                                       </ul>
                                    </li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="shop.html">Shop</a>
                                 <ul class="mega-menu">
                                    <li>
                                       <a href="shop.html">Shop View</a>
                                       <ul>
                                          <li><a href="shop.html">Shop Grid</a></li>
                                          <li><a href="list-view.html">Shop List</a></li>
                                          <li><a href="shop.html">Shop 3 Column</a></li>
                                          <li><a href="shop-full.html">Shop Full View</a></li>
                                          <li><a href="shop-4-column.html">Shop 4 Column</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Shop View</a>
                                       <ul>
                                          <li><a href="shop-sidebar-left.html">Sidebar Left</a></li>
                                          <li><a href="shop-sidebar-right.html">Sidebar Right</a></li>
                                          <li><a href="cart.html">Shopping Cart</a></li>
                                          <li><a href="wishlist.html">My Wishlist</a></li>
                                          <li><a href="checkout.html">Checkout</a></li>
                                       </ul>
                                    </li>
                                    <li>
                                       <a href="shop.html">Product Types</a>
                                       <ul>
                                          <li><a href="simple.html">Simple Product</a></li>
                                          <li><a href="configurable.html">Configurable Product</a></li>
                                          <li><a href="left-thumb.html">Thumb Left Product</a></li>
                                       </ul>
                                    </li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="blog-2-col.html">Blog</a>
                                 <ul class="submenu">
                                    <li><a href="blog-2-col.html">Blog 2 Column</a></li>
                                    <li><a href="blog-2-col-mas.html">Blog 2 Col Masonry</a></li>
                                    <li><a href="blog-3-col.html">Blog 3 Column</a></li>
                                    <li><a href="blog-3-col-mas.html">Blog 3 Col Masonry</a></li>
                                    <li><a href="blog-detail.html">Blog Details</a></li>
                                    <li><a href="blog-detail-audio.html">Blog Audio</a></li>
                                    <li><a href="blog-detail-video.html">Blog Video</a></li>
                                    <li><a href="blog-detail-gallery.html">Blog Gallery</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="#">Pages</a>
                                 <ul class="submenu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="register.html">Register</a></li>
                                    <li><a href="cart.html">Shopping Cart</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="404.html">404</a></li>
                                 </ul>
                              </li>
                              <li><a href="contact.html">Contact</a></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
                  <div class="col-xl-3 col-lg-6 col-md-7 col-sm-12">
                     <div class="head_right">
                        <div class="login_bar">
                           <ul>
                              <li><a href="login.html">Login</a></li>
                              <li><a href="register.html">Register</a></li>
                              <li class="shop-cart">
                                 <a href="#">Cart<span>(3)</span></a>
                                 <ul class="minicart">
                                    <li>
                                       <div class="cart-img"></div>
                                       <div class="cart-content">
                                          <h3>Water Repellent</h3>
                                          <div class="cart-price">
                                             <span class="new-price">$325.99</span>
                                             <span class="old-price">$330.99</span>
                                          </div>
                                       </div>
                                       <div class="delete-icon"><a href="#"><i class="far fa-trash-alt"></i></a></div>
                                    </li>
                                    <li>
                                       <div class="cart-img"></div>
                                       <div class="cart-content">
                                          <h3>Water Repellent</h3>
                                          <div class="cart-price">
                                             <span class="new-price">$325.99</span>
                                             <span class="old-price">$330.99</span>
                                          </div>
                                       </div>
                                       <div class="delete-icon"><a href="#"><i class="far fa-trash-alt"></i></a></div>
                                    </li>
                                    <li>
                                       <div class="cart-img"></div>
                                       <div class="cart-content">
                                          <h3>Water Repellent</h3>
                                          <div class="cart-price">
                                             <span class="new-price">$325.99</span>
                                             <span class="old-price">$330.99</span>
                                          </div>
                                       </div>
                                       <div class="delete-icon"><a href="#"><i class="far fa-trash-alt"></i></a></div>
                                    </li>
                                    <li>
                                       <div class="total-price">
                                          <span class="f-left">Total:</span>
                                          <span class="f-right">$4000</span>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="checkout-btn">
                                          <a href="checkout.html">Check out</a>
                                       </div>
                                    </li>
                                 </ul>
                              </li>
                              <li class="user"><a href="login.html"><i class="fas fa-user"></i></a></li>
                              <li class="search">
                                 <a href="#"><i class="fas fa-search"></i></a>
                                 <div class="search_bar">
                                    <form>
                                       <input type="text" name="search" placeholder="Search">
                                       <span class="search_icon"><i class="fas fa-search"></i></span>
                                    </form>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 d-xl-none">
                     <div class="mobile-menu"></div>
                  </div>
               </div>
            </div>
         </header>
         <div class="shop-detail">
            <div class="breadcrumb-area">
               <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><span>Shop</span></li>
               </ul>
            </div>
            <div class="row">
               <div class="col-xl-5 col-lg-5 col-12">
                  <div class="product-detail-img">
                     <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3">
                           <div class="left-thumb-img">
                              <ul class="nav nav-tabs" id="myTab1" role="tablist">
                                 <li class="nav-item">
                                    <a class="nav-link active" id="tab-1" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true"><img src="assets/images/products/men-1-1.jpg" alt="Product image"></a>
                                 </li>
                                 <li class="nav-item">
                                    <a class="nav-link" id="tab-2" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false"><img src="assets/images/products/men-1-2.jpg" alt="Product image"></a>
                                 </li>
                                 <li class="nav-item">
                                    <a class="nav-link" id="tab-3" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false"><img src="assets/images/products/men-6-1.jpg" alt="Product image"></a>
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
                           <div class="large-image">
                              <div class="tab-content" id="myTabContent-1">
                                 <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab-1">
                                    <img src="assets/images/products/men-1-1.jpg" alt="image">
                                 </div>
                                 <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab-2">
                                    <img src="assets/images/products/men-1-2.jpg" alt="image">
                                 </div>
                                 <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab-3">
                                    <img src="assets/images/products/men-6-1.jpg" alt="image">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-7 col-lg-7 col-12">
                  <div class="product-detail-content">
                     <div class="title">
                        <h1>Bouble Fabric Blazer</h1>
                     </div>
                     <div class="rating">
                        <div class="star">
                           <ul>
                              <li><i class="fas fa-star"></i></li>
                              <li><i class="fas fa-star"></i></li>
                              <li><i class="fas fa-star"></i></li>
                              <li><i class="fas fa-star"></i></li>
                              <li><i class="fas fa-star"></i></li>
                              <li><a href="#">3 Ratings</a></li>
                              <li><a href="#">Add Your Rating</a></li>
                           </ul>
                        </div>
                     </div>
                     <div class="price">$220.99
                        <span>$238.99</span>
                     </div>
                     <div class="desc">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                     </div>
                     <div class="attribute">
                        <p><span>Brands:</span>Lorem amet</p>
                        <p><span>Product Code:</span>DU01512</p>
                        <p><span>Stock:</span><span class="instock">In Stock</span></p>
                     </div>
                     <div class="quantity">
                        <label>Quantity:</label>                      
                        <div class="cart-plus-minus">
                           <input type="text" value="1">
                           <div class="dec qtybutton">-</div>
                           <div class="inc qtybutton">+</div>
                        </div>
                     </div>
                     <div class="cart-options">
                        <form action="#" class="cart-form">
                           <button class="btn theme-btn">Add To Cart</button>
                        </form>
                        <ul>
                           <li><a href="#"><i class="fas fa-exchange-alt"></i></a></li>
                           <li><a href="#"><i class="fa fa-heart"></i></a></li>
                        </ul>
                     </div>
                     <div class="share-it">
                        <ul>
                           <li><label>Share it:</label></li>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                           <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="detail-tabs">
               <ul class="nav nav-tabs" id="myTab2" role="tablist">
                  <li class="nav-item">
                     <a class="nav-link active" id="tab-4" data-toggle="tab" href="#tab4" role="tab" aria-controls="tab4" aria-selected="true">Description</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" id="tab-5" data-toggle="tab" href="#tab5" role="tab" aria-controls="tab5" aria-selected="false">Reviews (2)</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" id="tab-6" data-toggle="tab" href="#tab6" role="tab" aria-controls="tab6" aria-selected="false">Tags</a>
                  </li>
               </ul>
               <div class="tab-content" id="myTabContent-2">
                  <div class="tab-pane fade show active" id="tab4" role="tabpanel" aria-labelledby="tab-4">
                     <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
                     </p>
                  </div>
                  <div class="tab-pane fade" id="tab5" role="tabpanel" aria-labelledby="tab-5">
                     <div class="review-area">
                        <div class="product-comments">
                           <div class="comments">
                              <div class="comments-img">
                                 <img src="assets/images/01.png" alt="image">
                              </div>
                              <div class="comments-content">
                                 <h4>Jane Doe -
                                    <span>April 5, 2019</span>
                                 </h4>
                                 <div class="pro-rating">
                                    <i class="far fa-star"></i>
                                    <i class="far fa-star"></i>
                                    <i class="far fa-star"></i>
                                    <i class="far fa-star"></i>
                                 </div>
                                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
                              </div>
                           </div>
                           <div class="comments">
                              <div class="comments-img">
                                 <img src="assets/images/02.png" alt="image">
                              </div>
                              <div class="comments-content">
                                 <h4>Jone Doe -
                                    <span>April 4, 2019</span>
                                 </h4>
                                 <div class="pro-rating">
                                    <i class="far fa-star"></i>
                                    <i class="far fa-star"></i>
                                    <i class="far fa-star"></i>
                                    <i class="far fa-star"></i>
                                 </div>
                                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
                              </div>
                           </div>
                        </div>
                        <div class="review-box">
                           <h4>Add a Review</h4>
                           <div class="your-rating">
                              <span>Your Rating:</span>
                              <div class="rating-list">
                                 <a href="#"><i class="far fa-star"></i></a>
                                 <a href="#"><i class="far fa-star"></i></a>
                                 <a href="#"><i class="far fa-star"></i></a>
                                 <a href="#"><i class="far fa-star"></i></a>
                                 <a href="#"><i class="far fa-star"></i></a>
                              </div>
                           </div>
                           <form class="review-form" action="#">
                              <div class="row">
                                 <div class="col-xl-12">
                                    <label for="message">Your Review</label>
                                    <textarea name="message" id="message" cols="30" rows="10" spellcheck="false"></textarea>
                                 </div>
                                 <div class="col-xl-6">
                                    <label for="r-name">Name</label>
                                    <input type="text" id="r-name">
                                 </div>
                                 <div class="col-xl-6">
                                    <label for="r-email">Email</label>
                                    <input type="email" id="r-email">
                                 </div>
                                 <div class="col-xl-12">
                                    <button class="btn theme-btn">Add your Review</button>
                                 </div>
                              </div>
                           </form>
                        </div>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="tab6" role="tabpanel" aria-labelledby="tab-6">
                     <form action="#">
                        <div class="tags">                                 
                           <input type="text" name="tag">
                           <button class="btn theme-btn">Tags</button>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="related-product col-12">
                  <div class="titlebar">
                     <h1>Related Products</h1>
                     <div class="next-back">
                        <span><a data-slide="prev" href="#Carousel-2" class="left carousel-control">Back</a></span>
                        <span><a data-slide="next" href="#Carousel-2" class="right carousel-control">Next</a></span>
                     </div>
                  </div>
                  <div class="carousel-area">
                     <div id="Carousel-2" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                           <div class="carousel-item active">
                              <div class="product-item">
                                 <div class="row">
                                    <Ul>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/women-9-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/women-9-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/women-4-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/women-4-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/men-7-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/men-7-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/men-8-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/men-8-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                    </Ul>
                                 </div>
                              </div>
                           </div>
                           <div class="carousel-item">
                              <div class="product-item">
                                 <div class="row">
                                    <Ul>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/men-4-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/men-4-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/women-3-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/women-3-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/men-3-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/men-3-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                       <li>
                                          <div class="product-grid">
                                             <div class="product-image">
                                                <a href="configurable.html">
                                                <img class="pic-1" src="assets/images/products/women-8-1.jpg" alt="Product image">
                                                <img class="pic-2" src="assets/images/products/women-8-2.jpg" alt="Product image">
                                                </a>
                                                <ul class="social">
                                                   <li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                                                   <li><a href="#" data-tip="Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
                                                   <li><a href="#" data-tip="Compare"><i class="fas fa-exchange-alt"></i></a></li>
                                                </ul>
                                             </div>
                                             <h3 class="title">Lorem ipsum dolor</h3>
                                             <div class="product-content">
                                                <div class="price">$16.00
                                                   <span>$20.00</span>
                                                </div>
                                                <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                             </div>
                                          </div>
                                       </li>
                                    </Ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <footer>
         <div class="container">
            <div class="footer-area">
               <div class="footer-content">
                  <ul>
                     <li>
                        <p>Customer Services</p>
                        <ul>
                           <li><a href="#">Delivery & Returns</a></li>
                           <li><a href="#">Trade Services</a></li>
                           <li><a href="#">Privacy & Policy</a></li>
                           <li><a href="http://www.17sucai.com/">FAQs</a></li>
                           <li><a href="#">Terms & Condition</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>About Us</p>
                        <ul>
                           <li><a href="#">News & Stories</a></li>
                           <li><a href="#">Our Studio</a></li>
                           <li><a href="#">Showrooms</a></li>
                           <li><a href="#">History</a></li>
                           <li><a href="#">Terms & Condition</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>Social Media</p>
                        <ul>
                           <li><a href="#">Facebook</a></li>
                           <li><a href="#">Twitter</a></li>
                           <li><a href="#">Instagram</a></li>
                           <li><a href="#">Linkedin</a></li>
                           <li><a href="#">Youtube</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>Customer Services</p>
                        <ul>
                           <li><a href="#">Delivery & Returns</a></li>
                           <li><a href="#">Trade Services</a></li>
                           <li><a href="#">Contact Us</a></li>
                           <li><a href="http://www.bootstrapmb.com/">FAQs</a></li>
                           <li><a href="#">Terms & Condition</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               <div class="copyright-area">
                  <div class="copyright">
                     <p>Copyright &copy; 2019 by Themehum</p>
                  </div>
                  <div class="social">
                     <ul>
                        <li>
                           <p>Connect with us:</p>
                        </li>
                        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div id="top"><i class="fas fa-arrow-up"></i></div>
         </div>
         <!-- Global JS -->
         <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
         <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="assets/js/popper.min.js"></script>        
         <script src="assets/js/plugins.js"></script>
         <script src="assets/js/bootstrap.min.js"></script>
         <script src="assets/js/jquery-ui.js"></script>          
         <script src="assets/js/jquery.meanmenu.min.js"></script>
         <!-- Isotope JS -->
         <script src="assets/js/isotope.pkgd.min.js"></script>
         <script src="assets/js/imagesloaded.pkgd.min.js"></script>
         <!-- Custom JS -->
         <script src="assets/js/main.js"></script>
         <!-- Google Map JS -->
         <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
         <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
         <script>
            
            
         </script>
         
      </footer>
   </body>
</html>
